home *** CD-ROM | disk | FTP | other *** search
/ Dynamic HTML Construction Kit / Dynamic HTML Construction Kit.iso / source_code / tydhtml / dyn.exe / CHAP08 / dyn8_1.txt next >
Encoding:
Text File  |  1997-10-02  |  5.1 KB  |  158 lines
  1. <HTML>
  2.  
  3. <BODY BGCOLOR=#FFFFFF>
  4.  
  5. <HEAD>
  6.  
  7. <FONT FACE="verdana,arial,helvetica" SIZE=3>
  8.  
  9. <TITLE>Today"s Top Stories</TITLE>
  10.  
  11. </HEAD>
  12.  
  13. <BODY>
  14.  
  15. <STYLE>
  16.  
  17. .redPlain    {color:rgb(255,0,0);
  18.  
  19.               font-style:normal;}
  20.  
  21. .blackPlain  {color:rgb(0,0,0);
  22.  
  23.               font-style:normal;}
  24.  
  25. .redItalic   {color:red;
  26.  
  27.               font-style:italic;}
  28.  
  29. .blackItalic {color:black;
  30.  
  31.               font-style:italic;}
  32.  
  33. </STYLE>
  34.  
  35. <H3>The Verentian Valley News</H3>
  36.  
  37. <HR>
  38.  
  39. <FONT ID=red CLASS="blackPlain" onclick="colorP();"> Red </FONT> |
  40.  
  41. <FONT ID=black CLASS="blackPlain" onclick="blackP();"> Black </FONT> |
  42.  
  43. <FONT ID=alternate CLASS="blackPlain" onclick="altP();"> Alternate </FONT> |
  44.  
  45. <FONT ID=italic CLASS="blackPlain" onclick="italicP();"()> Italics </FONT>
  46.  
  47. <HR>
  48.  
  49. <P ID=PG1 CLASS="blackPlain">
  50.  
  51. Argunk: The mayor here, Cora James, announces a new plan for curtailing the 
  52.  
  53. current trend of juvenile delinquency: an evening curfew at 9PM.
  54.  
  55. <P ID=PG2 CLASS="blackPlain">
  56.  
  57. Henders: 500 community residents continue to keep a lid on the details of the 
  58.  
  59. theme for this year's Solstice Day Festival yet smile smugly when asked 
  60.  
  61. about it.
  62.  
  63. <P ID=PG3 CLASS="blackPlain">
  64.  
  65. Krikett: This year farmers suggest a winter wheat crop may be a good idea.  
  66.  
  67. It has been 6 years since the last attempt.
  68.  
  69. <P ID=PG4 CLASS="blackPlain">
  70.  
  71. Lowville: Once again, the boy wonder, Jimmy Westen, has made statewide news 
  72.  
  73. for his latest invention.
  74.  
  75. <P ID=PG5 CLASS="blackPlain">
  76.  
  77. Viennes: Our regional professional baseball squad wins its fifth straight 
  78.  
  79. and takes solid hold of second place.
  80.  
  81. <P ID=PG6 CLASS="blackPlain">
  82.  
  83. Yinsburgh: Actress Jennifer Urgent returns home to find community support 
  84.  
  85. before considering her next effort.
  86.  
  87. <SCRIPT LANGUAGE=JavaScript>
  88.  
  89. function colorP() {
  90.  
  91.    red.className="redPlain";
  92.  
  93.    black.className="redPlain";
  94.  
  95.    if (PG1.className=="redPlain" || PG1.className=="blackPlain") {
  96.  
  97.        PG1.className="redPlain";
  98.  
  99.        PG2.className="redPlain";
  100.  
  101.        PG3.className="redPlain";
  102.  
  103.        PG4.className="redPlain";
  104.  
  105.        PG5.className="redPlain";
  106.  
  107.        PG6.className="redPlain";
  108.  
  109.    } else {
  110.  
  111.        PG1.className="redItalic";
  112.  
  113.        PG2.className="redItalic";
  114.  
  115.        PG3.className="redItalic";
  116.  
  117.        PG4.className="redItalic";
  118.  
  119.        PG5.className="redItalic";
  120.  
  121.        PG6.className="redItalic";
  122.  
  123.    }
  124.  
  125. }
  126.  
  127. </SCRIPT>
  128.  
  129.  
  130.  
  131. <SCRIPT LANGUAGE=JavaScript>
  132.  
  133. function blackP() {
  134.  
  135.    red.className="blackPlain";
  136.  
  137.    black.className="blackPlain";
  138.  
  139.    if (PG1.className=="redPlain" || PG1.className=="blackPlain") {
  140.  
  141.        PG1.className="blackPlain";
  142.  
  143.        PG2.className="blackPlain";
  144.  
  145.        PG3.className="blackPlain";
  146.  
  147.        PG4.className="blackPlain";
  148.  
  149.        PG5.className="blackPlain";
  150.  
  151.        PG6.className="blackPlain";
  152.  
  153.    } else  {
  154.  
  155.        PG1.className="blackItalic";
  156.  
  157.        PG2.className="blackItalic";
  158.  
  159.        PG3.className="blackItalic";
  160.  
  161.        PG4.className="blackItalic";
  162.  
  163.        PG5.className="blackItalic";
  164.  
  165.        PG6.className="blackItalic";
  166.  
  167.    }
  168.  
  169. }
  170.  
  171. </SCRIPT>
  172.  
  173.  
  174.  
  175. <SCRIPT LANGUAGE=JavaScript>
  176.  
  177. function altP() {
  178.  
  179.    red.className="redPlain";
  180.  
  181.    black.className="blackPlain";
  182.  
  183.    if (PG1.className=="redPlain" || PG1.className=="blackPlain") {
  184.  
  185.        PG1.className="blackPlain";
  186.  
  187.        PG2.className="redPlain";
  188.  
  189.        PG3.className="blackPlain";
  190.  
  191.        PG4.className="redPlain";
  192.  
  193.        PG5.className="blackPlain";
  194.  
  195.        PG6.className="redPlain";
  196.  
  197.    } else {
  198.  
  199.        PG1.className="blackItalic";
  200.  
  201.        PG2.className="redItalic";
  202.  
  203.        PG3.className="blackItalic";
  204.  
  205.        PG4.className="redItalic";
  206.  
  207.        PG5.className="blackItalic";
  208.  
  209.        PG6.className="redItalic";
  210.  
  211.    }
  212.  
  213. }
  214.  
  215. </SCRIPT>
  216.  
  217.  
  218.  
  219. <SCRIPT LANGUAGE=JavaScript>
  220.  
  221. function italicP() {
  222.  
  223.    if (italic.className="blackPlain") {
  224.  
  225.        italic.className="blackItalic";
  226.  
  227.        if (PG1.className=="redPlain") {
  228.  
  229.            PG1.className="redItalic";
  230.  
  231.            PG3.className="redItalic";
  232.  
  233.            PG5.className="redItalic";
  234.  
  235.        } else {
  236.  
  237.            PG1.className="blackItalic";
  238.  
  239.            PG3.className="blackItalic";
  240.  
  241.            PG5.className="blackItalic";
  242.  
  243.        }
  244.  
  245.        if (PG2.className=="redPlain") {
  246.  
  247.            PG2.className="redItalic";
  248.  
  249.            PG4.className="redItalic";
  250.  
  251.            PG6.className="redItalic";
  252.  
  253.        } else {
  254.  
  255.            PG2.className="blackItalic";
  256.  
  257.            PG4.className="blackItalic";
  258.  
  259.            PG6.className="blackItalic";
  260.  
  261.        }
  262.  
  263.    } else {
  264.  
  265.        italic.className="blackPlain";
  266.  
  267.        if (PG1.className=="redItalic") {
  268.  
  269.            PG1.className="redPlain";
  270.  
  271.            PG3.className="redPlain";
  272.  
  273.            PG5.className="redPlain";
  274.  
  275.        } else {
  276.  
  277.            PG1.className="blackPlain";
  278.  
  279.            PG3.className="blackPlain";
  280.  
  281.            PG5.className="blackPlain";
  282.  
  283.        }
  284.  
  285.        if (PG2.className=="redItalic") {
  286.  
  287.            PG2.className="redPlain";
  288.  
  289.            PG4.className="redPlain";
  290.  
  291.            PG6.className="redPlain";
  292.  
  293.        } else {
  294.  
  295.            PG2.className="blackPlain";
  296.  
  297.            PG4.className="blackPlain";
  298.  
  299.            PG6.className="blackPlain";
  300.  
  301.        }
  302.  
  303.    }
  304.  
  305. }
  306.  
  307. </SCRIPT>
  308.  
  309. </FONT>
  310.  
  311. </BODY>
  312.  
  313. </HTML>
  314.  
  315.